<template>
  <div>
      {{ count }}
      <button @click="count++">+1</button>
      <vue-comp :count="count"></vue-comp>


      <router-link to="/">12312</router-link>
  </div>
</template>


<script>
import VueComp from './inde1.vue'
const message = '父组件'

export default {
  components: {
    VueComp
  },
  beforeCreate() {
    console.log(message, "beforeCreate")
  },
  created() {
    console.log(message, "created")
  },
  beforeMount() {
    console.log(message, "beforeMount")
  },
  mounted() {
    console.log(message, "mounted")
  },
  beforeUpdate() {
    console.log(message, "beforeUpdate")
  },
  updated() {
    console.log(message, "updated")
  },
  beforeUnmount() {
    console.log(message, "beforeUnmount")
  },
  unmounted() {
    console.log(message, "unmounted")
  },
  data() {
    return {
      count: 1
    }
  }
}
</script>